<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<f:view contentType="text/html">
	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>Siscob - Sistema de Controle de Biblioteca</title>
		</f:facet>

		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/default.css" />
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />

		<style type="text/css">
			.ui-layout-north {
				z-index: 20 !important;
				overflow: visible !important;;
			}

			.ui-layout-north .ui-layout-unit-content {
				overflow: visible !important;
			}
		</style>
	</h:head>

	<h:body>

		<p:layout fullPage="true">
			
			<!-- menu superior -->
			<p:layoutUnit id="top" position="north" size="50">
				<h:form>
				<p:menubar>
					<f:facet name="siscob">
						<p:outputLabel value="SISCOB - Sistema de Controle de Biblioteca" styleClass="siscob"/>
					</f:facet>
				
					<p:submenu label="Cadastro" icon="ui-icon-document">
						<p:menuitem value="Funcionário" action="#{navegacao.setCadFuncionario()}" update=":principal"/>
						<p:menuitem value="Professor" action="#{navegacao.setCadProfessor()}" update=":principal"/>
						<p:menuitem value="Aluno" action="#{navegacao.setCadAluno()}" update=":principal"/>
						<p:menuitem value="Usuário" url="#" />
						<p:menuitem value="Item do Acervo" action="#{navegacao.setCadItemAcervo()}" update=":principal"/>
						<p:menuitem value="Locação" url="#" />
					</p:submenu>

					<p:submenu label="Serviços" icon="ui-icon-pencil">
						<p:menuitem value="Emprestimo" url="#"/>
						<p:menuitem value="Consultar" action="#{navegacao.setConsultaFuncionario()}" update=":principal" />							
					</p:submenu>

					<p:submenu label="Ajuda" icon="ui-icon-help">
						<p:menuitem value="Conteúdo" url="#" />
						<p:menuitem value="Sobre" url="#"/>
					</p:submenu>
				</p:menubar>
				</h:form>
			</p:layoutUnit>
			
			<!-- rodapé -->
			<p:layoutUnit id="bottom" position="south" size="40">
				
			</p:layoutUnit>

			<!-- menu lateral esquerdo-->
			<p:layoutUnit id="left" position="west" size="200" resizable="true"	closable="true" collapsible="true" header="Acesso rápido" minSize="200">
				<h:form>
				<p:menu>
					<p:submenu label="Cadastro">
						<p:menuitem value="Funcionário" action="#{navegacao.setCadFuncionario()}" update=":principal"/>
						<p:menuitem value="Professor" action="#{navegacao.setCadProfessor()}" update=":principal"/>
						<p:menuitem value="Aluno" action="#{navegacao.setCadAluno()}" update=":principal"/>
						<p:menuitem value="Usuário" url="#"/>
						<p:menuitem value="Item acervo" action="#{navegacao.setCadItemAcervo()}" update=":principal"/>
						<p:menuitem value="Locação" url="#"/>
					</p:submenu>
					<p:submenu label="Serviços">
						<p:menuitem value="Emprestimo" url="#"/>
					</p:submenu>
					<p:submenu label="Consultar">
						<p:menuitem value="Emprestimos" url="#"/>
						<p:menuitem value="Emprestimos em atraso" url="#"/>
					</p:submenu>
				</p:menu>
				</h:form>
			</p:layoutUnit>

			<!--galeria-->
			<p:layoutUnit id="right" position="east" size="250" header="Galeria" resizable="true" closable="true" collapsible="true"
				style="text-align:center">

				<p:lightBox style="text-align:center;margin-top:20px;">
					<h:outputLink value="#{request.contextPath}/imagens/java.jpg" title="Java como programar" style="margin:2px;">
						<h:graphicImage value="/imagens/java_tumb.jpg" />
					</h:outputLink>

					<h:outputLink value="#{request.contextPath}/imagens/java_web.jpg" title="Desenvolvimento web" style="margin:2px;">
						<h:graphicImage value="/imagens/java_web_tumb.jpg" />
					</h:outputLink>

					<h:outputLink value="#{request.contextPath}/imagens/mysql.jpg" title="MySql" style="margin:2px;">
						<h:graphicImage value="/imagens/mysql_tumb.jpg" />
					</h:outputLink>

					<h:outputLink value="#{request.contextPath}/imagens/springs.jpg" title="Persistencia no Spring com Hibernate" style="margin:2px;">
						<h:graphicImage value="/imagens/springs_tumb.jpg" />
					</h:outputLink>
					<h:outputLink value="#{request.contextPath}/imagens/java.jpg" title="Java como programar" style="margin:2px;">
						<h:graphicImage value="/imagens/java_tumb.jpg" />
					</h:outputLink>

					<h:outputLink value="#{request.contextPath}/imagens/java_web.jpg" title="Desenvolvimento web" style="margin:2px;">
						<h:graphicImage value="/imagens/java_web_tumb.jpg" />
					</h:outputLink>

					<h:outputLink value="#{request.contextPath}/imagens/mysql.jpg" title="MySql" style="margin:2px;">
						<h:graphicImage value="/imagens/mysql_tumb.jpg" />
					</h:outputLink>

					<h:outputLink value="#{request.contextPath}/imagens/springs.jpg" title="Persistencia no Spring com Hibernate" style="margin:2px;">
						<h:graphicImage value="/imagens/springs_tumb.jpg" />
					</h:outputLink>
					<h:outputLink value="#{request.contextPath}/imagens/java.jpg" title="Java como programar" style="margin:2px;">
						<h:graphicImage value="/imagens/java_tumb.jpg" />
					</h:outputLink>
				</p:lightBox>
			</p:layoutUnit>

			<!-- conteúdo -->
			<p:layoutUnit id="conteudo" position="center">
				<p:panel id="principal">

					
					<ui:include src="#{navegacao.form}" />

				</p:panel>
			</p:layoutUnit>

		</p:layout>
	</h:body>

</f:view>
</html>
